import { ComponentProps, Hook, VueComponent } from "vue3-oop"
import { NCollapse,NCollapseItem } from 'naive-ui';
import Draggable from 'vuedraggable';
import FlexDraft from "../flex/FlexDraft"

import styles from './CollapseDraft.module.scss'
import { FormData,WidgetNode,ReserveItem } from '../../../types'

import CollapseProps from "./CollapseProps";
import LayoutProps from "../../basic/LayoutProps";

interface IProps {
  formData: FormData,
  widgetNode: WidgetNode
}
export default class CollapseDraft extends VueComponent<IProps> {
  static defaultProps: ComponentProps<IProps> = {
    formData: {},
    widgetNode: {}
  }

  constructor(
  ) {
    super();
  }

  render() {
    const { formData,widgetNode } = this.props;
    const widgetProps = widgetNode.widgetProps as CollapseProps;

    return (
      <NCollapse>
        <NCollapseItem title={"title"} name={1}>
          <FlexDraft
            formData={formData}
            widgetNode={widgetNode}
          />
        </NCollapseItem>
      </NCollapse>
    )
  }
}